*{
    padding: 0;
    margin: 0;
}
body,html{
    width: 100%;
    height: 100%;
}
// body
body{
    display: flex;
    flex-direction: column;
    background: #000d4a url(../imgs/bg.jpeg) no-repeat top ;
}
// .text{
//     width: 1rem /* 100/100 */;
//     height: 1rem /* 100/100 */;
//     background-color: red;
// }
header{
    height: 1.05rem /* 105/100 */;
    width: 100%;
    // background-color: red;
    position: relative;
    color: #fff;
    background: url(../imgs/head_bg.png) no-repeat center center;
    line-height: 1.05rem /* 105/100 */;
    h1{
        font-size: .42rem /* 42/100 */;
        text-align: center;
    }
    span{
        position: absolute;
        right: .2rem /* 20/100 */;
        top: 0rem;
        font-size:.2rem,
    }
}

section{
    flex:1;
    display: flex;
    justify-content: space-between;
    // background-color: blue;
    margin: .2rem /* 20/100 */;
    .column{
        width: 29%;
        height: 100%;
        // background-color: tomato;
        // 第一个column
        &:nth-of-type(1){
            .box{
                margin-bottom: .15rem /* 15/100 */;
                background-color: #000d4a;
                &:nth-child(1){
                    width: 100%;
                    height: 4rem /* 400/100 */;

                }
                &:nth-child(2){
                    width: 100%;
                    height: 2.6rem /* 260/100 */;

                }
                &:nth-child(3){
                    width: 100%;
                    height: 2.6rem /* 260/100 */;

                }
            }
        }

        // 第二个column
        &:nth-of-type(2){
            width: 40%;
            height: 100%;
            .box{
                margin-bottom: .15rem /* 15/100 */;
                background-color: #000d4a;
                &:nth-child(1){
                    height: 2.3rem /* 230/100 */;
                }
                &:nth-child(2){
                    height: 3.5rem /* 350/100 */;
                }
                &:nth-child(3){
                    height: 3.4rem /* 340/100 */;
                }
            }
            
        }
       // 第三个column
        &:nth-of-type(3){
            .box{
                margin-bottom: .15rem /* 15/100 */;
                background-color: #000d4a;
                &:nth-child(1){
                    height: 3rem /* 300/100 */;
                    
                }
                &:nth-child(2){
                    height: 3rem /* 280/100 */;
                }
                &:nth-child(3){
                    height: 3.2rem /* 340/100 */;
                }
            }

        }
    }
}